<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<title>Read Article</title>
		<%@include file="/jsp/public/css_includes.jsp" %>
	</head>
	<body>
		<div id="container">
			<div id="fb-root"></div>
			
			<%@include file="/jsp/public/header.jsp" %>
			<%@include file="/jsp/reader/readArticle_menubar.jsp" %>
			
			<div id="sub_container"> 
				
				<div class="content">
					<span class="numberOfArticle displayNone">1</span>
					<span class="articleTitle">
						${article.dc.title}
					</span>
					<span class="articleAbstract">
						${article.dc.description}
							</span>
					<div class="articleContent">
						<c:forEach items="${article.textArticleFragments}" var="taf">
							${taf.description}
							</c:forEach>
							
						</div>
					<br/>
					<br/>
					<%@include file="/jsp/reader/readAuthorInformation.jsp" %>
					<%@include file="/jsp/public/addThisButton.jsp" %>
		 			<div class="fbComments"><fb:comments></fb:comments></div>
				</div>
			</div>  

			
			<%@include file="/jsp/public/footer.jsp" %>
			<%@include file="/jsp/public/js_includes.jsp" %>

			<script src="/js/galleria/galleria.js"></script>
			<script>Galleria.loadTheme('/js/galleria/galleria.classic.js');</script>
			<script src="http://connect.facebook.net/en_US/all.js"></script>

			<script type="text/javascript">
				$(document).ready(function(){

					//arg.weather();
					//arg.geolocation();
					arg.loginDialog();
					arg.subscribe();
					arg.editProfile();
					$('#galleria').galleria();
					
					var FBKey = '10bd5c5fac776ef90a635a6a0b475c2f';
					FB.init({apiKey: FBKey, status: true, cookie: true, xfbml: true});
					
					var errorm = '${errormessage}';
					if(errorm != ''){
						alert('${errormessage}');
					}
				});
			</script>
		</div>
		</body>
</html>